:root{
    --top-bar-height:40px;
}
body{font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul,a {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
i{ margin-right: 2px; margin-left:5px;}
a{
    text-decoration: none;
}
a:active,a:hover {
    outline: 0
}

img {
    border: none
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
button{cursor: pointer;}
.pos-rel{position: relative;}
.pos-ab{position: absolute;}
.h50{ height:50px !important;}
.h100{ height:100px !important;}
.h200{ height:200px !important;}
.h250{ height:250px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.hide{display: none;}
.wrapper-admin{height:100%;}

.wrapper-top{position:relative; height:var(--top-bar-height);}
.wrapper-logo{position: absolute;top: 0;left: 0;width: 200px;height:var(--top-bar-height);}
.wrapper-menu-toolbar{position: relative; height:var(--top-bar-height);}
.box-top-menu{position:absolute;  top:0px; left:290px; bottom:0; line-height:var(--top-bar-height);}
.top-menu-item{display: inline-block; padding:0px 20px;}
.top-menu-item:hover{cursor:pointer;}
.box-top-toolbar{position: absolute;right: 0px;display: flex;width: 300px;}

/* ----------------- 左侧菜单 --------------------*/
.wrapper-side{position: fixed;left: 0;top:var(--top-bar-height);bottom: 0; width:200px;font-size:14px;}
.side-menu-item{padding-left: 40px; height:40px; line-height:40px;}
.side-menu-item:hover{cursor: pointer;}
.side-menu-item.level-second{padding-left:20px;}
.side-menu-item.level-third{border-bottom:1px solid #ddd;}

/* ----------------- 内容区域 --------------------*/
.wrapper-content{padding-left: 200px;height: calc(100vh - var(--top-bar-height));}
.wrapper-workspace{height: 100%;}
.wrapper-tab{height:100%;}
/*tab页面内容*/
.wrapper-bz-page{width:100%;height: calc(100vh - 85px);position: relative;}

/*tab页面内容--筛选部分*/
.wrapper-bz-filter {
    height:38px;
    padding:5px 10px;
    overflow: auto;
}
.wrapper-bz-filter .btn-search{
    padding: 5px 10px;
    margin-right: 10px;
    cursor: pointer;
}
.wrapper-bz-filter .btn-search.selected{
    background: lightskyblue;
}
.wrapper-bz-filter .filter-item {
    float: left;
    margin-right: 5px;
}
.wrapper-bz-filter .filter-item label {
    padding-right: 2px;
}
.wrapper-bz-filter .filter-item input{
    height:25px;
    line-height: 25px;
}
.wrapper-bz-filter .filter-btn{
    padding:2px 8px;
}

.wrapper-bz-body{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.wrapper-bz-body.has-upper-filter{top:var(--top-bar-height);}

/*页面纵列区块*/
.column-block {
    position: absolute;
    top: 0px;
    bottom: 5px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
    overflow-y: hidden;
    overflow-x: hidden;
}
.column-block.block-left{left:3px;}
.column-block.block-right{right: 0;}
.column-block.block-up{position:absolute;left:0px;right:0px;height:400px;}
.column-block.block-down{position:absolute;left:0px;right:0px; top:410px;}
.column-title{
    margin-top:5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.column-content{
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}
.column-content.no-column-title{
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}
.top-bar-filter{
    height:30px;
    padding: 2px;
}
.top-bar-filter .btn{padding: 2px 8px; cursor:pointer; vertical-align: bottom;}
.column-toolbar{
    height:30px;
    overflow: auto;
}
.column-toolbar .common-toolbar-box{text-align:right; padding:5px;}
.column-filter .filter-item{float:left;}
.column-datagrid{
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}
.column-datagrid.no-filter{
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

/* ----------------- 表单区域 --------------------*/
.form-2column .column-left {
    position: absolute;
    width: 400px;
    left: 0px;
}
.form-2column .column-right {
    margin-left: 410px;
}
.flex-container-row{display: flex; flex-direction: row;}
.flex-item{margin:2px;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.flex4{flex:4;}
.flex5{flex:5;}
.flex6{flex:6;}
.flex7{flex:7;}
.flex8{flex:8;}
.form .row {
    display: flex;
    flex-direction: row;
    padding: 5px;
    overflow: auto;
}
.form .row .input-txt, .form .row select {
    width:100%;
    border: 1px solid silver;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form .row textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid silver;
    height: 100px;
    font-family: "Microsoft Yahei";
}
.form .row input[type=text]:hover, .form .row input[type=password]:hover, .form .row textarea:hover {
    border: 1px solid;
    border-color: #63c163;
    -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);
    -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15);
    box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);
}
.form .row .tit {
    flex:1;
    text-align: right;
    padding-right: 10px;
    align-self:center;
}
.form .row .tit em {
    color: red;
    margin-right: 5px;
    font-style: normal;
}
.form .row .opt {
    flex:4;
}
.form .row .opt-s {
    flex:7;
}
.form textarea{
    border: 1px solid silver;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
}
.form .notic{
    padding: 0px;
    margin: 2px;
    font-size: 10px;
    color: #666;
}
.opt table .input-txt, .opt table select{
    width:100px;
    border: 1px solid silver;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.group-title{height: 200px;line-height: 200px;width: 80px;text-align: center;}
.group-content label{display:inline-block; padding-right: 10px;width: 80px;text-align: right;}
.group-content .line{margin-top:5px;}
.group-content .line input{width:250px;}
.zone-page-column-setting{margin-top: 10px; margin-bottom:100px;}
.box-sizing-content {box-sizing: border-box; padding:10px 20px;}
.zone-page-column-setting table{width:100%;}
.zone-page-column-setting table th{height: 30px;line-height: 30px;}
.zone-page-column-setting table td{padding:2px 0px;}
.zone-page-column-setting .input-column-title{
    width:200px;
    border: 1px solid silver;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.zone-page-column-setting .input-column-width{
    width:60px;
    border: 1px solid silver;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.zone-page-column-setting select{
    width:80px;
    border: 1px solid silver;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.zone-footer{text-align: center;}
.zone-footer button{width: 120px;border: none;height: 35px;line-height: 35px;}


.common-search-box{text-align: center; padding-top: 3px;}
/*数据列表--工具栏*/
.datagrid-toolbar table a{padding:0px !important;}
.datagrid-toolbar table a:hover{border:none;}

/*数据列表*/
.datagrid-header td.datagrid-header-over{background:none;}
.cell-status{display: inline-block; width:20px; height:20px;}
td .poet{margin-left:10px;}

/*日历表格*/
.fc-event{border:none;}
.fc-bg-event{display: flex;align-items: center;justify-content: center;}
.fc-event-main{text-align:center; font-size: 14px;}

/*时间列表*/
.box-datelist .item-date{
    height:30px;
    line-height: 30px;
    margin-bottom:1px;
    text-align: center;
}
.box-datelist .item-date:hover{
    cursor: pointer;
}
.item-select-user{padding:5px 10px; margin-bottom:5px;}

/* taglist 列表 */
.common-add-box{text-align: center;}
.common-add-box input{width: 150px;height: 25px;line-height: 25px;margin: 2px; border:1px solid silver;}
.box-group-tag-list{padding:5px;}
.box-group-tag-item{margin-bottom:10px; overflow: auto; position: relative;}
.box-group-tag-item .btn-delete-group-tag-item{position: absolute; top:2px; right:2px;}
.box-group-tag-item .fa-trash{cursor: pointer;}
.box-group-tag-item .title{padding:5px; margin-bottom:5px;}
.box-group-tag-item .title-center{}
.box-group-tag-item .title-right{}
.box-tag-list{margin:5px;}
.box-tag-list .tag-item{float: left;margin: 5px;padding: 5px 15px;border-radius: 15px;}

#m83_ajax_render_project_module .box-group-tag-item .title:hover{cursor: pointer;}
